<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/include/taglibs.jsp" %>
<html>
<head>
    <%@include file="/include/header.html" %>
    <script type="text/javascript" src="${ctx}/appjs/msg/tenantNotice.js"></script>
</head>

<script type="text/javascript">
    $('#topLink', window.parent.document).html(function (i, origText) {
        return '<ol class="breadcrumb">' +
            '<li class="breadcrumb-item">' +
            '<a href="">系统设置</a>' +
            '</li>' +
            '<li class="breadcrumb-item">' +
            '<a>通知公告</a>' +
            '</li>' +
            '<li class="breadcrumb-item">' +
            '<strong>新增通知公告</strong>' +
            '</li>' +
            '<li class="breadcrumb-item">' +
            '<a href="javascript:window.history.back()"><i class="fa fa-times"></i> 返回</a>' +
            '</li>' +
            '</ol>';
    });

</script>

<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="columns pull-left">
                        <h5 class="font-bold">公告详情</h5>
                    </div>
                    <div class="ibox-tools">
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>

                <div class="ibox-content" style="padding-bottom: 150px">
                    <form class="form-horizontal m-t layui-form" id="frmTenantNotice">
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label text-right">标题：</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="title" name="title">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label text-right">消息类型：</label>
                            <div class="col-sm-2">
                                <input type="radio" class="form-control" name="noticeType" checked
                                       lay-filter="noticeType"
                                       title="系统公告" value="0" checked>
                            </div>
                            <div class="col-sm-2">
                                <input type="radio" class="form-control" name="noticeType"
                                       lay-filter="noticeType" title="活动" value="1">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label text-right">内容：</label>
                            <div class="col-sm-6 layui-input-inline" >
                                <textarea class="layui-textarea" id="content" placeholder="请输入内容"  style="display: none"  name="content" autocomplete="off"></textarea>
                            </div>
                        </div>

<%--                        <div class="form-group row announcementDiv">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">标签：</label>--%>
<%--                            <div class="col-sm-4">--%>
<%--                                <select name="informType" id="informType">--%>
<%--                                    <option value="0">重要通知(蓝色)</option>--%>
<%--                                    <option value="1">节日公告(橙色)</option>--%>
<%--                                    <option value="2">日常通知(绿色)</option>--%>
<%--                                    <option value="3">系统升级(蓝色)</option>--%>
<%--                                    <option value="4">暂停服务(红色)</option>--%>
<%--                                    <option value="5">功能上线(橙色)</option>--%>
<%--                                    <option value="6">其他(紫色)</option>--%>
<%--                                </select>--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group row activityDiv hide">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">图片：</label>--%>
<%--                            <div class="col-sm-8">--%>
<%--                                <div id="">--%>
<%--                                    <img id="imgUrl" src="${ctx}/statics/img/upload-img.png"--%>
<%--                                         style="position: relative" width="155px" height="120px">--%>
<%--                                    <input type="file" name="file" id="file"/>--%>
<%--                                </div>--%>
<%--                                <span>图片尺寸建议为：<span class="text-danger">98px*75px</span></span>--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group row activityDiv hide">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">URL：</label>--%>
<%--                            <div class="col-sm-4">--%>
<%--                                <input type="url" class="form-control" id="accessUrl" name="accessUrl">--%>
<%--                            </div>--%>
<%--                        </div>--%>


<%--                        <div class="form-group row">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">接收对象：</label>--%>
<%--                            <div class="col-sm-2">--%>
<%--                                <input type="radio" class="form-control" name="memberType" checked--%>
<%--                                       lay-filter="memberType"--%>
<%--                                       title="全部用户" value="0">--%>
<%--                            </div>--%>
<%--                            <div class="col-sm-2">--%>
<%--                                <input type="radio" class="form-control" name="memberType"--%>
<%--                                       lay-filter="memberType" title="指定用户" value="1">--%>
<%--                            </div>--%>
<%--                        </div>--%>


<%--                        <div class="form-group row designatedUserDiv hide">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">手机号：</label>--%>
<%--                            <div class="col-sm-4">--%>
<%--                                <textarea style="width: 70%;height: 11%" id="mobiles" name="mobiles"></textarea>--%>
<%--                                <p class="couponTips" style="margin-top: 10px">多个账号用英文,隔开</p>--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group row designatedUserDiv hide">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">批量上传用户：</label>--%>
<%--                            <div class="col-sm-4">--%>
<%--                                <div id="">--%>
<%--                                    <input type="file" id="memberFile" name="memberFile"/>--%>
<%--                                    <p class="couponTips" style="margin-top: 10px"> 请上传xls、xlsx格式，号码文件 </p>--%>
<%--                                    <p class="couponTips">Excel的单元格格式请务必使用“常规”格式</p>--%>
<%--                                    <p class="couponTips">文件大小不可超过3M，建议单次导入</p>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                            <div class="col-sm-3">--%>
<%--                                <img src="${ctx}/statics/img/newEdition/uploadTips.png" class="tipsImage hide" alt="">--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group row">--%>
<%--                            <label class="col-sm-3 col-form-label text-right">定时发送</label>--%>
<%--                            <div class="col-sm-8">--%>
<%--                                <input type="checkbox" name="sendRegularly" lay-skin="switch" lay-text="开启|关闭"--%>
<%--                                       lay-filter="sendRegularly">--%>
<%--                                <div class="layui-unselect layui-form-switch" lay-skin="_switch">--%>
<%--                                    <em>OFF</em>--%>
<%--                                    <i></i>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group row publishTimeDiv hide">--%>
<%--                            <label class="col-sm-3 col-form-label text-right"></label>--%>
<%--                            <div class="col-sm-3">--%>
<%--                                <input type="text" class="form-control" name="publishTime" id="publishTime" READONLY>--%>
<%--                            </div>--%>
<%--                        </div>--%>

<%--                        <div class="form-group">--%>
<%--                            <div class="col-sm-3 col-sm-offset-8 text-right">--%>
<%--                                <button type="button" class="btn btn-primary">提交</button>--%>
<%--                            </div>--%>
<%--                        </div>--%>

                        <div class="layui-form-item">
                            <button style="margin:0 auto;display:block;" class="layui-btn" type="button" data-type="text"  id="fileNotifySubmit"><i
                                    class="fa fa-check-circle"></i> 发布
                            </button>
<%--                               <button type="submit" class="btn btn-success">提交</button>--%>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    var prefix = jsctx + "/tenantNotice";

    layui.use(['layedit','form'], function(){
        var layedit = layui.layedit
            ,$ = layui.jquery
            ,form = layui.form;
        //设置图片上传
        layedit.set({
            uploadImage: {
                url: prefix + '/uploadFile' //图片上传方法的接口url
                ,type: 'post' //默认post
            }
        });
        //构建富文本编辑器，构建方法一定要写在set方法下边
        var index = layedit.build('content');

        //校验表单的方法，并将富文本编辑器中的内容同步到文本域中
        form.verify({
            content : function(value) {
                return layedit.sync(index); //同步语句
            }
        });

        //保存表单内容提交的方法
        $('#fileNotifySubmit').on('click', function(){
            var active = {
                //获取纯文本内容： 111
                //如果要获取样式，将text替换成 content: <p>111</p>
                //如果要获取选中的文字，将text替换成selected：111
                text: function(){
                    //获取富文本编辑器值的语句并赋值到文本域中
                    document.getElementById("content").innerText = layedit
                        .getContent(index);
                }
            };
            if ($("#title").val()==''){
                alert("请输入标题");
                return false;
            }
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            var form = new FormData(document.getElementById("frmTenantNotice"));

            //保存表单内容的请求，此处为文件通知对象
            $.ajax({
                url: prefix + "/saveTenantNotice",
                type:"post",
                data:form,
                processData:false,
                contentType:false,
                success: function (result) {
                    if (result.status == 200) {
                        parent.layer.msg("成功");
                        window.history.back();
                    }else {
                        parent.layer.alert(data.message);
                    }
                }
            });
        });
    });
    //重新加载的方法
    layui.use(['table', 'laydate','element'], function () {
        var table = layui.table, form = layui.form, $ = layui.jquery;
    });




    $("#file").change(function () {
        var objUrl = getObjectURL(this.files[0]);//获取文件信息
        if (objUrl) {
            $("#imgUrl").attr("src", objUrl);
        }
    });

    function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) {
            url = window.createObjectURL(file);
        } else if (window.URL != undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }

    addTenantNotice.init();
</script>


</body>
</html>
